//页面：通用搜索按钮样式
.ty_serch_btn {
    .el-button {
        width: 90px;
        height: 36px;
        background: rgba(5, 105, 255, 0.05);
        border: 1px solid #0569ff;
        border-radius: 6px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #0569ff;
    }
    .el-button--primary {
        width: 90px;
        height: 36px;
        background: #0569ff;
        border-radius: 6px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #ffffff;
    }
}

//页面：通用搜索表单样式
.ty_serch_form {
    .el-form-item {
        margin-bottom: 15px;
    }
    .el-form-item__label {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 14px;
        color: #000000;
    }
    .el-input__inner {
        height: 32px !important;
        line-height: 32px !important;
        width: 240px;
        height: 32px;
        background: #ffffff;
        border: 1px solid #c4c8cc;
        border-radius: 4px;
    }
}

//页面：通用分页
.ty_fy_div {
    margin-top: 25px;
}

// 弹窗：通用标题样式
.ty_tc_title {
    .el-dialog__title {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #303133;
    }
}

//弹窗：通用表单样式
.ty_tc_form {
    .el-form-item {
        margin-bottom: 15px;
    }
    .el-form-item__label {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #626466;
    }
    .el-input__inner {
        height: 32px !important;
        line-height: 32px !important;
        width: 240px;
        height: 32px;
        background: #ffffff;
        border: 1px solid #c4c8cc;
        border-radius: 4px;
    }
}

//弹窗：通用按钮样式
.ty_tc_btn {
    .el-button {
        width: 90px;
        height: 36px;
        background: rgba(5, 105, 255, 0.05);
        border: 1px solid #0569ff;
        border-radius: 3px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #0569ff;
    }
    .el-button--primary {
        width: 90px;
        height: 36px;
        background: #0569ff;
        border-radius: 3px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #ffffff;
    }
}

//弹窗：上传多图样式

.logoDiv {
    width: 450px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;

    .divs {
        width: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        .imageDiv {
            width: 110px;
            height: 110px;
            overflow: hidden;
            position: relative;
            border: 1px solid #c0ccda;
            border-radius: 6px;
            box-sizing: border-box;
            margin: 0 8px 8px 0;
            .image {
                width: 111px;
                height: 110px;
            }
            .delete {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(50%, -50%);
                z-index: 11;
                color: white;
                font-size: 20px;
                opacity: 0;
                transition: all 0.5s;
            }
            .look {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-150%, -50%);
                z-index: 11;
                color: white;
                font-size: 20px;
                opacity: 0;
                transition: all 0.5s;
            }

            .zzc {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: rgba(0, 0, 0, 0.3);
                opacity: 0;
                transition: all 0.5s;
            }
        }
        .imageDiv:hover .zzc {
            opacity: 1;
        }
        .imageDiv:hover .delete {
            opacity: 1;
        }
        .imageDiv:hover .look {
            opacity: 1;
        }
    }

    .uplod_Logo {
        width: 111px;
        height: 110px;
        margin-top: 8px;
    }
}

//表格图片展示
.banner_image {
    width: 50px;
    height: 50px;
}



// 表格编辑栏常用按钮样式
.diy_btn {
  color: white !important;
  padding: 7px 10px !important;
  i {
    margin-right: 3px;
  }
}

.dl_color{
  background: #16D9B5 !important;
  border: 1px solid #16D9B5 !important;
}


.bj_color {
  background: #0569ff !important;
  border: 1px solid #0569ff !important;
}

.xj_color {
  background: #939699 !important;
  border: 1px solid #939699 !important;
}

.sj_color {
  background: #ff4c4c !important;
  border: 1px solid #ff4c4c !important;
}

.sc_color {
  background: #ff8f2c !important;
  border: 1px solid #ff8f2c !important;
}

.shjd_color {
  margin-left: 10px;
  background: #66adff !important;
  border: 1px solid #66adff !important;
}

.qy_color {
  margin-left: 10px;
  background: #FF4C4C !important;
  border: 1px solid #FF4C4C !important;
}

.jy_color {
  margin-left: 10px;
  background: #939699 !important;
  border: 1px solid #939699 !important;
}